<template>
  <div class="container-y">
    <transition-group name="fadeShow">
      <div class="wrap-1" v-show="isShow" :key="1">
        <slot name="body"></slot>
        <div class="pdb"></div>
      </div>
      <loadingInPage v-if="!isShow" :key="2"></loadingInPage>
    </transition-group>
  </div>
</template>

<script>
  export default {
    props: {
      isShow: {
        type: Boolean,
        default: false
      }
    }
  }
</script>
<style lang="scss">
  .container-y {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #f0eff5;
    .con{
      position: relative;
      width: 100%;
      overflow-x: hidden;
    }
  }
  .pd{
    width: 100%;
    height: 40px;
  }
</style>

